<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="/static/index/amazeui/css/amazeui.min.css"/>
<link rel="stylesheet" href="/static/index/default/style.css"/>
<link rel="stylesheet" href="/static/index/css/animate.min.css" />
<link rel="stylesheet" href="/static/index/css/font-awesome.min.css" />
<link href="/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/static/css/animate.css" rel="stylesheet">
<script src="/static/index/amazeui/js/jquery.min.js"></script>
<script src="/static/index/amazeui/js/amazeui.min.js"></script>
<style>
	.from-input{
		display: block;
	    width: 100%;
	    height: 2.7rem;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    margin: 1% 10%;
	}
	.from-btn-a{
		display: block;
	    position: fixed;
	    right: 12px;
	    padding: 0.3rem 1.3rem;
	    margin: 0.5% auto;
	    border-radius: 4px;

	}
	.fd-ss{
	    position: fixed;
	    z-index: 40000;
	    top: 0;
	    background: #333333;
	    width: 100%;
	    display: none;
	}
	.fd-ss a{
		display: block;
	   	left: 1.7rem;
	    padding: 0.25rem 1.3rem;
	    margin: 0.5% auto;
	    border-radius: 4px;
	    width: 5.3rem;
	    text-align: center;
	    background: #eeeeee;
	    color: #000;
	}
	.fd-ss input{
	    display: block;
	    width: 130%;
	    height: 2.7rem;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    margin: 3% 12%;
	}
	
	.nanxing{
		width: 3rem;
	}
	.list-product-commission-span {
	    display: inline-block;
	    float: left;
	    height: 1.2rem;
	    border-right: solid 0px #ededed;
	    line-height: 1.2rem;
	    font-size: 1.27rem;
	    padding: 0px 0px;
	    text-align: center;
	    margin-bottom: 4px;
	    color: red;
	    font-weight: 700;
	}
	
</style>
</head>

<body>
<div class="container" id="main">
	<header data-am-widget="header" class="am-header am-header-default my-header">
      <div class="am-header-left am-header-nav am-dropdown"  data-am-dropdown>
        <a href="javascript:;" class="am-dropdown-toggle"  data-am-dropdown-toggle>
          <i class="am-header-icon am-icon-th-large"></i>
        </a>
        <div style="display:none">

        </div>
        <ul class="am-dropdown-content">
           <li><a href="#">关于我们</a></li>
            <li><a href="#">新闻中心</a></li>
          </ul>
      </div>
      <h1 class="am-header-title">
        <a href="#title-link" class="">{$Think.session.indexUserInfo.classcode}</a>
      </h1>
      <div class="am-header-right am-header-nav">
        <a href="#right-link" class="">
          <i class="am-header-icon  am-icon-share-alt"></i>
        </a>
      </div>
    </header>
    <!-- banner -->
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
      <ul class="am-slides">
        <li>
          <img src="/static/index/banner.png">
        </li>
        <li>
           <img src="/static/index/banner.png">
        </li>
        <li>
           <img src="/static/index/banner.png">
        </li>
      </ul>
    </div>
    <div class="am-cf am-g my-shop-nav">
    	<div class="my-shop-nav-panellf">
        	<div class=" my-shop-nav-img am-circle ">
        		<img src="/static/index/default/img1.jpg" class="am-circle m-img-thumbnail" />
            </div>
        </div>
        <div class="my-shop-nav-panelrt am-fr">
        	<ul class="am-nav am-nav-pills my-shop-nav-ul">
            	<!--<li><a href="#">关于我们</a></li>
                <li><a href="#">新闻中心</a></li>-->
                <li><input type="text" placeholder="请输入被评人姓名" name="" class="from-input" value="" v-model='sousuo' /></li>
                <li style="padding: 0.22rem;">
                	<a href="javascript:;" v-on:click='submit()' style="display: block;position: absolute;left: 17px;padding: 0.25rem 1.3rem;margin: 0.5% auto;border-radius: 4px;width: 5.3rem;text-align: center;">
                	搜索</a></li>

            </ul>
        </div>
        <div class="fd-ss">
        	<ul class="am-nav am-nav-pills my-shop-nav-ul">
                <li><input type="text" placeholder="请输入被评人姓名" name="" class="from-input" value="" v-model='sousuo' /></li>
                <li style="padding: 0.01%;margin-top: 1%;margin-left: 17%;">
                	<a href="javascript:;" v-on:click='submit()' style="display: block;padding: 8%;border-radius: 4px;color: #000;text-align: center;">
                	搜索</a></li>
            </ul>
        </div>
    </div>
    <div class="am-cf am-g">
    	<ul class="am-avg-sm-2 my-shop-product-list">
			<li v-for="item in list">
            	<div class="am-panel am-panel-default" style="border-radius: 4px;padding-bottom: 6px;">
                    <div class="am-panel-bd">
                    	<a :href="'/index/pingjiao/index.html?tid=' + item.teacherid " >
                    		<img class="am-img-responsive" v-bind:src="item.courseimg" />
                    	</a>
                        <h3>
                        	<a :href="'/index/pingjiao/index.html?tid=' + item.teacherid " >{{item.coursename}}</a>
                        </h3>
                        <div style="display: inline-block;">
                        	<a :href="'/index/pingjiao/index.html?tid=' + item.teacherid " >
                        		<span class="list-product-price-span" style="color: #f17304;border-right: solid 1px #d4d4d4;">{{item.teachername}}</span>
                        	</a>
                        	<span class="list-product-sorce-span">
	                    		<template v-if="item.teachersex == 0">
	                    			<img src="/static/index/img/nanxing.png" class="nanxing" >
	                    		</template>
				                <template v-else="item.teachersex == 1">
				                    <img src="/static/index/img/nvxing1.png" class="nanxing" >
				                </template>
                        	</span>
                            <span class="list-product-price-span" style="color:#11920a;border: 0;">已有{{item.getPJCount}}人参评</span>
                            <span class="list-product-commission-span" style="font-size:1.6rem;">评教时间段：</span>
                            <span class="list-product-commission-span">{{item.startData}}</br>至 {{item.endData}}</span>
                        </div>
                    </div>
                </div>
            </li>
           <!-- <li>
            	<div class="am-panel am-panel-default" style="border-radius: 4px;">
                    <div class="am-panel-bd">
                    	<a href="product.html"><img class="am-img-responsive" src="http://ali.tuziyuan.cn/imgs/zwimg.png" /></a>
                        <h3><a href="product.html">面向对象设计与分析并实现课程</a></h3>
                        <div style="display: inline-block;">
                        	 <span class="list-product-price-span" style="color: #f17304;border-right: solid 1px #d4d4d4;">某某老师</span>
                        	<span class="list-product-sorce-span">
                        		<img src="http://ali.tuziyuan.cn/imgs/nvxing1.png" class="nanxing" ></span>
                            <span class="list-product-price-span" style="color:#11920a;border: 0;">已有666人参评</span>
                            <span class="list-product-commission-span" style="font-size:1.6rem;">评教时间段：</span>
                            <span class="list-product-commission-span">2017-10-01<i>至</i>2017-11-01</span>
                        </div>
                    </div>
                </div>
            </li>
            <li>
            	<div class="am-panel am-panel-default" style="border-radius: 4px;">
                    <div class="am-panel-bd">
                    	<a href="product.html"><img class="am-img-responsive" src="http://ali.tuziyuan.cn/imgs/zwimg.png" /></a>
                        <h3><a href="product.html">面向对象设计与分析并实现课程</a></h3>
                        <div style="display: inline-block;">
                        	 <span class="list-product-price-span" style="color: #f17304;border-right: solid 1px #d4d4d4;">某某老师</span>
                        	<span class="list-product-sorce-span">
                        		<img src="http://ali.tuziyuan.cn/imgs/nvxing1.png" class="nanxing" ></span>
                            <span class="list-product-price-span" style="color:#11920a;border: 0;">已有666人参评</span>
                            <span class="list-product-commission-span" style="font-size:1.6rem;">评教时间段：</span>
                            <span class="list-product-commission-span">2017-10-01<i>至</i>2017-11-01</span>
                        </div>
                    </div>
                </div>
            </li>-->
        </ul>
    </div>
    
    
    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
      <div class="am-footer-miscs ">
        <p>CopyRight©2014 AllMobilize Inc.</p>
        <p>京ICP备13033158</p>
      </div>
    </footer>
    <!--底部-->
    <div data-am-widget="navbar" class="am-navbar am-cf my-nav-footer " id="">
      <ul class="am-navbar-nav am-cf am-avg-sm-4 my-footer-ul">
        <li>
          <a href="/index/index.html" class="">
            <span class="am-icon-home"></span>
            <span class="am-navbar-label">首页</span>
          </a>
        </li>
        <li>
          <a href="###" class="">
            <span class=" am-icon-comments"></span>
            <span class="am-navbar-label">消息</span>
          </a>
        </li>
        <li style="position:relative">
          <a href="javascript:;" onClick="showFooterNav();" class="">
            <span class="am-icon-user"></span>
            <span class="am-navbar-label">我的</span>
          </a>
          <div class="footer-nav m-img-thumbnail" id="footNav">
          	<span class=" am-icon-bank"><a href="/index/user/mypingjiao.html">我的评教</a></span>
            <span class="am-icon-bar-chart"><a href="/index/user/index.html">评教结果</a></span>
            <span class="am-icon-comments"><a href="#">消息中心</a></span>
            <span class="am-icon-user"><a href="/index/user/index.html">个人资料</a></span>
            <span class="am-icon-th-list"><a href="#">帮助中心</a></span>
            <span class="am-icon-power-off"><a href="/index/index/loginOut.html">安全退出</a></span>
          </div>
        </li>
      </ul>
    </div>
</div>

<script src="/static/index/js/vue.js"></script>
<script src="/static/index/js/vue-resource.js"></script>
<script src="/static/index/js/index/index.js"></script>
<script src="/static/index/js/layer/mobile/layer.js"></script>
<style>
	.layui-m-layercont {
	    padding: 19px 30px;
	}
	.layui-m-layerbtn span {
	    font-size: 2rem;
	}
</style>
<script>
	
	$(function(){
		
		//console.log('{$Think.session.indexUserInfo.username}');
		if('{$Think.session.indexUserInfo.type}'==2 ){
			if('{$Think.session.indexUserInfo.name}'=='' 
			|| '{$Think.session.indexUserInfo.student_number}'=='' 
			|| '{$Think.session.indexUserInfo.specialty}'==''
			|| '{$Think.session.indexUserInfo.tel}'==''
			|| '{$Think.session.indexUserInfo.dept_id}'==''
			|| '{$Think.session.indexUserInfo.clazz_id}'==''){
				layer.open({
				  content: '同志你的革命资料还不齐全</br>请先去完善你的个人资料吧',
				  style: 'font-size: 2rem;color: white;background: rgb(232, 64, 64);', //自定风格
				  btn: '好的，马上去',
				  shadeClose: false,
				  yes: function(){
				    window.location.href="/index/user/index.html";
				  }
				});
				
			}
		}else{
			if('{$Think.session.indexUserInfo.name}'=='' 
			|| '{$Think.session.indexUserInfo.work_number}'=='' 
			|| '{$Think.session.indexUserInfo.duty}'==''
			|| '{$Think.session.indexUserInfo.tel}'==''
			|| '{$Think.session.indexUserInfo.dept_id}'==''
			|| '{$Think.session.indexUserInfo.note}'==''){
				layer.open({
				  content: '同志你的革命资料还不齐全</br>请先去完善你的个人资料吧',
				  style: 'font-size: 2rem;color: white;background: rgb(232, 64, 64);', //自定风格
				  btn: '好的，马上去',
				  shadeClose: false,
				  yes: function(){
				    window.location.href="/index/user/index.html";
				  }
				});
				
			}
		}
		
	})
	
	function showFooterNav(){
		$("#footNav").toggle();
	}
	
	$(".m-img-thumbnail").click(function(){
		if('{$Think.session.indexUserInfo.sysuser_id}'){
			window.location.href="/index/user/index.html";
		}else{
			window.location.href="/index/index/login.html";
		}
	})


	$(window).bind("scroll",function() {
    // 判断窗口的滚动条是否接近页面底部
    	//console.log($(document).scrollTop())
	    /*if ($(document).scrollTop() + $(window).height() > $(document).height() - 40) {  */
	   	if ($(document).scrollTop() >= 236) {  
	       //没有写ajax的调用，直接触发了链接的click事件。  
	       //testAnim("flipInX","block");
	       $(".fd-ss").css("display","block")
	      // $(".am-fr input[type='text']").val("");
	       $(".am-fr input[type='text']").attr("v-model","");
	       $(".fd-ss input[type='text']").attr("v-model","sousuo");
	      
	    }else{
	    	//testAnim("flipOutX","none");
	    	$(".fd-ss").css("display","none")
	    	//$(".fd-ss input[type='text']").val("");
	    	$(".fd-ss input[type='text']").attr("v-model","");
	    	$(".am-fr input[type='text']").attr("v-model","sousuo");
	    }
	}); 
	
	/*function testAnim(x,display) {
	    $('.fd-ss').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
	      $(this).removeClass().css("display",display)
	    });
	
	};*/


</script>
</body>
</html>
